<template>
  <el-col>
    <!--Tbas标签-->
    <el-tabs v-model="activeName" type="card" @tab-click="tabHandleClick">
      <!--Home-->
      <el-tab-pane label="Home" name="first" >
        <Page621></Page621>
      </el-tab-pane>
      <!--数据库查询 标签-->
      <el-tab-pane label="数据库查询" name="second">
        <Page622></Page622>
      </el-tab-pane>
      <!--Udfs 标签-->
      <el-tab-pane label="Udfs" name="third">
        <Page623></Page623>
      </el-tab-pane>
    </el-tabs>
  </el-col>
</template>
<script>
  import Page621 from './Page621.vue'
  import Page622 from './Page622.vue'
  import Page623 from './Page623.vue'
  export default {
    components: {Page621,Page622,Page623},
    data() {
      return {
        activeName:"first"
      }
    },
    methods: {
      tabHandleClick () { },
      tabInit () {
         let query = this.$store.state.route.query||{} ;
         let tabId = query.tabId;
         if(tabId != null && tabId != "" && tabId != "undefined"){
             this.activeName=tabId;
         }
      }
    },
    mounted: function () {
        this.tabInit()
    }
  }
</script>

<style scoped>
.bt{

}
</style>